﻿<Page
    x:Class="FlipViewSample.Views.GalleryView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:FlipViewSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:viewModels="using:FlipViewSample.ViewModels"
    mc:Ignorable="d">
    <Page.DataContext>
        <viewModels:GalleryViewModel/>
    </Page.DataContext>

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <FlipView BorderBrush="Black" BorderThickness="1" 
                  ItemsSource="{Binding Images}">
            <FlipView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Image Source="{Binding ImageUri}" Stretch="UniformToFill"/>
                        <Border Background="#A5000000" Height="80" 
                                VerticalAlignment="Bottom">
                            <TextBlock Text="{Binding Title}" FontFamily="Segoe UI" 
                                       FontSize="26.667" Foreground="#CCFFFFFF" 
                                       Padding="15,20"/>
                        </Border>
                    </Grid>
                </DataTemplate>
            </FlipView.ItemTemplate>
        </FlipView>
    </Grid>
</Page>
